<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>{$app.appname}</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#48ae4c">
    <link rel="stylesheet" href="/static/css/bootstrap.min1.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/jquery-3.2.1.min.js"></script>
    <script src="/static/js/bootstrap.min1.js"></script>
    <link rel="stylesheet" href="/static/css/weui.extra-20011602.css">
    <link rel="stylesheet" href="/static/css/homepage.weui.extra.css">
    <link rel="stylesheet" href="/static/css/weui.min.css">
    <style>
        .show-dialog img {
            display: none;
            border: 1px #999 solid;
        }

        .show-dialog:hover img {
            display: block;
        }

        .apk_topbar_btn {
            width: auto;
            padding: 0 6px;
        }
    </style>
    <!-- <script src="/static/js/weui.js"></script> -->
</head>

<body>
    <div class="warpper">
        <div class="header_nav">
            <div id="header">
                <div id="header-content">
                    <a href="">
                        <span id="header-logo" style="display: flex;justify-content: left;align-items: center;"><img
                                style="height: 35px;margin-right: 10px;" src="{$app.appmsgs.rhlogo}"
                                alt=""></span>
                    </a>
                </div>
            </div>
            <div class="navbar navbar-fixed-top header" role="navigation" id="nav-outer">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse"
                            data-target="#nav_right" data-target='#login' aria-expanded="false" aria-controls="navbar">
                        </button>
                        <a class="navbar-brand" href="" id="logo">
                            <img id="logoimg" src="{$app.appmsgs.rhlogo}">
                            <span id="logofont">{$app.appmsgs.rhtitle}</span>
                        </a>
                    </div>
                </div><!-- /.container -->
            </div>
        </div>

        <div class="container">
            <div class="bread_nav">
                <span class="bread_nav_first">
                    <a href="">应用</a>
                </span>
                / <span class="bread_nav_second">
                    <a href="javascript:void(0);">{$app.appname}</a>
                </span>
            </div>
            <div class="app_left">
                <div class="apk_left_one">
                    <div class="apk_topbar">
                        <img src="{$app.appicon}">
                        <div class="apk_topba_appinfo">
                            <div class="apk_topbar_mss">


                                <p class="detail_app_title">{$app.appname}<span
                                        class="list_app_info">{$app.appbb}</span></p>
                                <p class="apk_topba_message">
                                    {$app.appdata}M / {$app.appdownnum}下载 / {$app.appstarnum}个评分 / 简体中文</p>

                                <p style="font-size: 12px;color: #999;padding: 4px 0;">
                                    由于安全原因，请使用{$app.appmsgs.rhtitle}app下载</p>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="apk_left_two">
                    <div class="apk_left_two_box">
                        <div class="apk_left_first-title">
                            <p class="apk_left_title_nav">应用截图</p>
                            <div class="apk_left_two_img">
                                <div class="ex-screenshot-thumb-carousel">
                                    {volist name="appsce" id="appsce" key="k"}
                                    <img src="{$appsce.link}" data-toggle="modal" data-target="#ex-screenshot-modal">
                                    {/volist}
                                </div>
                            </div>
                        </div>

                        <div class="apk_left_title">
                            <p class="apk_left_title_nav">应用简介</p>
                            <div class="apk_left_title_info">
                                <p>{$app.appmsg}</p>
                            </div>
                        </div>
                        <div class="apk_left_title">
                            <p class="apk_left_title_nav">应用评分</p>
                            <div class="apk_rank">
                                <p class="rank_num">{$app.star}</p>
                                <div class="rank_star">
                                    <div class="pull-left ex-apk-rank-intro">
                                        <span class="ex-apk-rank-star"><span class="big-star big-star-2"></span></span>
                                    </div>
                                    <p class="apk_rank_p1">共{$app.appstarnum}个评分</p>
                                </div>
                            </div>
                        </div>
                        <div class="apk_left_title">
                            <p class="apk_left_title_nav">分类标签</p>
                            <p>
                                {volist name="apptag" id="apptag" key="k"}
                                <a href=""><span class="apk_left_span2">{$apptag.tag}</span></a>
                                {/volist}

                            </p>
                        </div>
                        
                    </div>
                </div>

                <div class="left_download">
                    <div class="apk_left_five_box">
                        <div class="left_download_right">
                            <img style="width: 80px;" src="{$app.appmsgs.rhappicon}">
                            <p>下载{$app.appmsgs.rhtitle}APP</p>
                            <p>发现应用的乐趣</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="apk_right">
                <div class="apk_right_two" id="apk_right">
                    <div class="download_right">
                        <div class="download_logo">
                            <img src="{$app.appmsgs.rhappicon}">
                            <p class="download_title">{$app.appmsgs.rhtitle}</p>
                            <p class="download_text">发现应用的乐趣</p>
                        </div>

                                   <div class="download_btn">
                                       <a href="{$app.appdownurls.download}">
                                       <button class="download_button">下载{$app.appmsgs.rhtitle}手机APP</button>
                                       </a>
                                   </div>
                    </div>
                </div>
            </div>


        </div>


        <div id="footer" style="margin-top: 20px;z-index: 10;">
            <div class="content">
                <div class="footer-left">
                    <div class="icon-group">
                        <div class="footer-logo-box">
                            <img src="{$app.appmsgs.rhappicon}" alt="">
                        </div>
                        <div class="footer-text-box" style="margin-left: 20px;">
                            <p class="title">{$app.appmsgs.rhtitle}APP</p>
                            <p class="sub-title">发现科技新生活</p>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>

    </div>
    <a href="javascript:void(0);" onclick="weixinDownload();">
        <div class="under">
            <img src="{$app.appmsgs.rhappicon}" class="under_logo">
            <div class="under_text">
                <p class="under_title">{$app.appmsgs.rhtitle}</p>
                <p class="under_info">发现应用的乐趣</p>
            </div>
            <a href="{$app.appdownurls.download}" class="under_btn">下载{$app.appmsgs.rhtitle}手机APP</a>
        </div>
    </a>
</body>

</html>